<template>
	<el-config-provider :locale="zhCn">
		<router-view></router-view>
	</el-config-provider>
</template>
<script setup lang="ts">
import zhCn from "element-plus/es/locale/lang/zh-cn";
</script>
<style lang="scss">
:root {
	--el-color-primary: #2e4ba3;
	--el-color-primary-dark-2: #2e4ba3;
	--el-color-primary-light-5: #2e4ba3;
	--el-color-primary-light-3: #2e4ba3;
}
//横屏样式
@media (orientation: landscape) {
	#app {
		.el-dialog {
			--el-dialog-width: auto !important;
			padding: 0;
			&[notitle] {
				.el-dialog__header {
					display: none;
				}
			}
			&[notitleline] {
				.el-dialog__header {
					border: none !important;
				}
			}
			.el-dialog__header {
				padding: 20px;
				border: 1px solid rgba(133, 151, 163, 0.2);
				.el-dialog__title {
					font-family:
						PingFangSC,
						PingFang SC;
					font-weight: 600;
					font-size: 24px;
					color: #262f36;
					line-height: 32px;
					text-align: left;
					font-style: normal;
				}
				.el-dialog__headerbtn {
					width: 65px;
					height: 65px;
				}
			}
		}
	}
}
// 竖屏样式
@media (orientation: portrait) {
	#app {
		.el-dialog {
			--el-dialog-width: auto !important;
			padding: 0;
			&[notitle] {
				.el-dialog__header {
					display: none;
				}
			}
			&[notitleline] {
				.el-dialog__header {
					border: none !important;
				}
			}
			.el-dialog__header {
				padding: 20px;
				border-bottom: 1px solid rgba(133, 151, 163, 0.2);
				.el-dialog__title {
					font-family:
						PingFangSC,
						PingFang SC;
					font-weight: 600;
					font-size: 35px;
					color: #262f36;
					line-height: 46px;
					text-align: left;
					font-style: normal;
				}
				.el-dialog__headerbtn {
					width: 90px;
					height: 90px;
				}
			}
		}
	}
}
</style>
